window.onload = function () {
    // 鼠标划过搜索logo的样式
    var seekImg = document.querySelector('.seek-logo img ');

    seekImg.onmouseover = function () {
        seekImg.src = "../img/seek1.png";
    }

    seekImg.onmouseout = function () {
        seekImg.src = "../img/seek.png";
    }

    // 写文处，根据不同的li，设置显示与其对应div盒子的内容
    // 点击一个li，显示出与其对应的文章内容
    var article = document.querySelector('.article');
    // 获取所有div
    var divS = document.querySelectorAll('.article div');
    // 获取所有li
    var lis = document.querySelectorAll('.article-main li');

    for (let i = 0; i < lis.length; i++) {
        lis[i].index = i;
        lis[i].onclick = function () {
            shut.parentNode.style.display = 'block';
            // 获得每个li 对于div的位置
            var k = this.index + 1;
            // 先让所有div盒子消失
            for (let j = 0; j < divS.length; j++) {
                divS[j].style.display = 'none';
            }
            // 然后让对应li的盒子显示
            article.children[k].style.display = 'block';
        }

    }
    // 点击使悬浮的盒子隐藏
    var shut = document.querySelector('.shut');
    shut.onclick = function () {
        shut.parentNode.style.display = 'none';
    }



    // 设置写文处，时间距离现在是多少天前
    var time = document.querySelectorAll('.time');
    var date = new Date();
    // 年份
    var yy = date.getFullYear();
    // 月份
    var month = date.getMonth() + 1;
    // 日期
    var day = date.getDate();
    // 设置一个数组


}